<html>
<head>
    <title>Improve - Портфолио</title>

    <meta charset="utf-8">

    <!-- JQuery -->
    <link rel="stylesheet" href="jquery-ui-1.10.3.custom/css/smoothness/jquery-ui-1.10.3.custom.css">

    <link rel="stylesheet" href="css/base-template.css">
    <link rel="stylesheet" href="css/left-sidebar.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/content.css">


</head>
<body>

<div id="wrapper" class="clearfix">
<div id="header">

    <div class="company-data">
        <div class="company-logo"></div>
        <div class="company-slogan">Нет предела совершенству</div>
    </div>
    <!--company-data-->

    <div id="navigation-top">
        <ul class="navigation">
            <li class="first active">
                <div>
                    <a href="/" title="Главная">
                        Главная
                    </a>
                </div>
            </li>
            <li>
                <div>
                    <a href="about.html" title="О компании">
                        О компании
                    </a>
                </div>
            </li>
            <li>
                <div>
                    <a href="portfolio.html" title="Портфолио">
                        Портфолио
                    </a>
                </div>
            </li>
            <li>
                <div>
                    <a href="clients.html" title="Наши клиенты">
                        Наши клиенты
                    </a>
                </div>
            </li>
            <li>
                <div>
                    <a href="production.html" title="Производство">
                        Производство
                    </a>
                </div>
            </li>
            <li class="last">
                <div>
                    <a href="contacts.html" title="Контакты">
                        Контакты
                    </a>
                </div>
            </li>

        </ul>
    </div>
    <!--navigation-->

    <div class="feedback-block clearfix">
        <h3 class="fleft margin-top-0 margin-left-10">
            <span class="feedback-address">Москва / Санкт-петербург | </span>
            <span class="feedback-phone">+7(499)153-89-71</span>
        </h3>

        <div class="feedback-block-call">
            <img class="feedback-block-call-icon" src="images/icons/phone-icon.png">
            <span class="fleft margin-top-0">Заказать звонок</span>
        </div>
    </div>
    <!--feedback-block-->

    <div class="clear"></div>

</div>
<!--header-->

<div class="clear"></div>

<div id="container" class="clearfix">

    <h1 class="page-title">Портфолио</h1>

    <ul class="breadcrumb" itemprop="breadcrumb">
        <li><a href="http://improve-site/">Главная</a></li>
        <li>
            <div class="container">Портфолио</div>
        </li>
    </ul>

    <div class="grey-info-block margin-top-20">
        <div class="horizontal-list clearfix">

            <div class="hor-list-item img-btns-descr-item small-item item-hidden-descr margin-right-20 margin-bottom-20">
                <img class="image" src="images/portfolio/01.png">

                <div class="list-item-buttons" style="display: none;">
                    <div class="magnifier"></div>
                    <div class="like"></div>
                    <div class="likes-count">25</div>
                </div>
                <div class="description" style="display: none;">
                    Оформление кофейного торгового автомата.
                </div>
            </div>

            <div class="hor-list-item img-btns-descr-item small-item item-hidden-descr margin-right-20 margin-bottom-20">
                <img class="image" src="images/portfolio/02.png">

                <div class="list-item-buttons" style="display: none;">
                    <div class="magnifier"></div>
                    <div class="like"></div>
                    <div class="likes-count">25</div>
                </div>
                <div class="description" style="display: none;">
                    Оформление автомобиля для тест-драйва.
                </div>
            </div>

            <div class="hor-list-item img-btns-descr-item small-item item-hidden-descr margin-right-20 margin-bottom-20">
                <img class="image" src="images/portfolio/03.png">

                <div class="list-item-buttons" style="display: none;">
                    <div class="magnifier"></div>
                    <div class="like"></div>
                    <div class="likes-count">25</div>
                </div>
                <div class="description" style="display: none;">
                    Some description .......... . .. .
                </div>
            </div>

            <div class="hor-list-item img-btns-descr-item small-item item-hidden-descr margin-right-20 margin-bottom-20">
                <img class="image" src="images/portfolio/04.png">

                <div class="list-item-buttons" style="display: none;">
                    <div class="magnifier"></div>
                    <div class="like"></div>
                    <div class="likes-count">25</div>
                </div>
                <div class="description" style="display: none;">
                    Some description .......... . .. .
                </div>
            </div>

            <div class="hor-list-item img-btns-descr-item small-item item-hidden-descr margin-right-20 margin-bottom-20">
                <img class="image" src="images/portfolio/05.png">

                <div class="list-item-buttons" style="display: none;">
                    <div class="magnifier"></div>
                    <div class="like"></div>
                    <div class="likes-count">25</div>
                </div>
                <div class="description" style="display: none;">
                    Some description .......... . .. .
                </div>
            </div>

            <div class="hor-list-item img-btns-descr-item small-item item-hidden-descr margin-right-20 margin-bottom-20">
                <img class="image" src="images/portfolio/06.png">

                <div class="list-item-buttons" style="display: none;">
                    <div class="magnifier"></div>
                    <div class="like"></div>
                    <div class="likes-count">25</div>
                </div>
                <div class="description" style="display: none;">
                    Some description .......... . .. .
                </div>
            </div>

        </div>
        <div class="clear"></div>

    </div>

    <div class="horizontal-list margin-top-20 clearfix">

        <div class="hor-list-item service-image-link-item">
            <div class="service-image-link-item-icon">
                <img class="service-image-link-item-image" src="images/branding-icons/car.png">
            </div>
            <div class="service-image-link-item-title margin-top-5">
                <a href="#">Оклейка автомобилей</a>
            </div>
        </div>

        <div class="hor-list-item service-image-link-item">
            <div class="service-image-link-item-icon">
                <img class="service-image-link-item-image" src="images/branding-icons/showcase.png">
            </div>
            <div class="service-image-link-item-title margin-top-5">
                <a href="#">Оформление витрин</a>
            </div>
        </div>

        <div class="hor-list-item service-image-link-item">
            <div class="service-image-link-item-icon">
                <img class="service-image-link-item-image" src="images/branding-icons/cash-machine.png">
            </div>
            <div class="service-image-link-item-title margin-top-5">
                <a href="#">Оформление банкоматов</a>
            </div>
        </div>

        <div class="hor-list-item service-image-link-item">
            <div class="service-image-link-item-icon">
                <img class="service-image-link-item-image" src="images/branding-icons/vending-machine.png">
            </div>
            <div class="service-image-link-item-title margin-top-5">
                <a href="#">Оформление торговых автоматов</a>
            </div>
        </div>

        <div class="hor-list-item service-image-link-item">
            <div class="service-image-link-item-icon">
                <img class="service-image-link-item-image" src="images/branding-icons/bilboard.png">
            </div>
            <div class="service-image-link-item-title margin-top-5">
                <a href="#">Билборды</a>
            </div>
        </div>

        <div class="hor-list-item service-image-link-item">
            <div class="service-image-link-item-icon">
                <img class="service-image-link-item-image" src="images/branding-icons/super-site.png">
            </div>
            <div class="service-image-link-item-title margin-top-5">
                <a href="#">Суперсайты</a>
            </div>
        </div>

        <div class="hor-list-item service-image-link-item">
            <div class="service-image-link-item-icon">
                <img class="service-image-link-item-image" src="images/branding-icons/roof.png">
            </div>
            <div class="service-image-link-item-title margin-top-5">
                <a href="#">Крышные установки</a>
            </div>
        </div>

        <div class="hor-list-item service-image-link-item">
            <div class="service-image-link-item-icon">
                <img class="service-image-link-item-image" src="images/branding-icons/brandmauer.png">
            </div>
            <div class="service-image-link-item-title margin-top-5">
                <a href="#">Брандмауэры</a>
            </div>
        </div>

        <div class="hor-list-item service-image-link-item">
            <div class="service-image-link-item-icon">
                <img class="service-image-link-item-image" src="images/branding-icons/arch.png">
            </div>
            <div class="service-image-link-item-title margin-top-5">
                <a href="#">Арки</a>
            </div>
        </div>

        <div class="hor-list-item service-image-link-item">
            <div class="service-image-link-item-icon">
                <img class="service-image-link-item-image" src="images/branding-icons/plotter-cutting.png">
            </div>
            <div class="service-image-link-item-title margin-top-5">
                <a href="#">Плотерная резка</a>
            </div>
        </div>

        <div class="clear"></div>
    </div>
    <div class="clear"></div>

</div>
<!--container-->
</div>
<!--wrapper-->


<div id="footer" class="clearfix">

    <div class="contacts">
        <div class="fleft contact">
            <img class="icon" src="images/icons/envelope-icon.png">
            improve@gmail.com
        </div>
        <div class="fleft contact">
            <img class="icon" src="images/icons/phone-icon.png">
            +7(499)153-89-71
        </div>
        <div class="fleft contact">
            <img class="icon" src="images/icons/location-mark-icon.png">
            Москва / Санкт-петербург
        </div>
    </div>
    <!--contacts-->
    <br class="clear">

    <div class="copyright">
        Copyright © 2013
    </div>
    <!--copyright-->

</div>
<!--footer-->

<div class="clear"></div>

<!-- JQuery -->
<script src="jquery-ui-1.10.3.custom/js/jquery-1.9.1.js"></script>
<script src="jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.js"></script>

<!-- Jquery listeners -->
<script src="js/ui-listener.js"></script>


</body>
</html>